$(function () {

  var form = layui.form
  var layer = layui.layer

  form.verify({
    nickname: function (value) {
      if (value.length > 6) {
        return '昵称长度必须在 1 ~ 6 个字符之间！'
      }
    }
  })


  // 初始化用户的基本信息
  initUserInfo()

  function initUserInfo() {
    $.ajax({
      method: 'GET',
      url: '/my/userinfo',
      success: function (res) {
        if (res.status !== 0) {
          return layer.msg('获取用户信息失败')
        }
        console.log(res.data.username);

        // 调用 forn.val() 快速为表单赋值
        form.val('formUserInfo', res.data)
      }
    })
  }

  // 重置表单的数据
  $('#btnReset').on('click', function (e) {
    // 阻止表单的默认重置默认行为
    e.preventDefault();

    initUserInfo()
  })

  $('.layui-form').on('submit', function (e) {
    e.preventDefault()
    $.ajax({
      method: 'POST',
      url: '/my/userinfo',
      data: $(this).serialize(), // 拿到表单提交时候的数据
      success: function (res) {
        if (res.status !== 0 && res.message !== "修改用户信息成功！") {
          return layer.msg('更新用户失败')
        }
        layer.msg('更新用户成功')
        // 调用父页面中的方法 重新渲染用户的头像和用户的信息
        console.log(res);
        window.parent.getUserInfo()
      }
    })
  })

})